<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<base th:href="@{/}">
<head>
    <meta charset="UTF-8">
    <title>Insert title here</title>
</head>
<body>

<div th:fragment="headname">
    <div>
        <!-- Header Top Start -->
        <div class="header-top bg-primary">
            <div class="container">
                <div class="row align-items-center">

                    <!-- Header Top Message Start -->
                    <div class="col-md-12 col-lg-6 text-lg-start text-center">
                        <div class="header-top-msg-wrapper">
                            <p class="header-top-message">Welcome to Toyqo baby toys online store</p>
                        </div>
                    </div>
                    <div class="col-12 col-sm-6 text-end d-none d-lg-block">
                        <div class="header-top-settings">
                            <ul class="nav align-items-center justify-content-end">
                                <li class="curreny-wrap">
                                    $ Currency
                                    <i class="fa fa-angle-down"></i>
                                    <ul class="dropdown-list curreny-list">
                                        <li><a href="#">$ USD</a></li>
                                        <li><a href="#">€ EURO</a></li>
                                    </ul>
                                </li>
                                <li class="language"> English<i class="fa fa-angle-down"></i>
                                    <ul class="dropdown-list">
                                        <li><a href="#">english</a>
                                        </li>
                                        <li><a href="#">french</a>
                                        </li>
                                    </ul>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <!-- Header Top Message End -->

                </div>
            </div>
        </div>
        <!-- Header Top End -->

        <div class="header section">
            <div class="header-bottom">
                <div class="header-sticky">
                    <div class="container">
                        <div class="row align-items-center position-relative">

                            <!-- Header Logo Start -->
                            <div class="col-md-6 col-lg-3 col-xl-2 col-6">
                                <div class="header-logo">
                                    <a href="index.html"><img th:src="@{assets/images/logo/logo.png}" alt="Site Logo"/></a>
                                </div>
                            </div>
                            <!-- Header Logo End -->

                            <!-- Header Menu Start -->
                            <div class="col-lg-6 d-none d-lg-block">

                                <div class="main-menu">
                                    <ul>
                                        <li><a th:href="@{/goods/index}">首页</a></li>
                                        <li class="has-children">
                                            <a href="#">购物中心<i class="fa fa-angle-down"></i></a>
                                            <ul class="sub-menu">
                                                <li><a th:href="@{order/allOrder}">全部订单</a></li>
                                                <li><a th:href="@{order/obligation}">待付款</a></li>
                                                <li><a th:href="@{order/received}">待收货</a></li>

                                            </ul>
                                        </li>
                                        <li><a href="about.html">博客</a></li>
                                        <li><a href="about.html">关于</a></li>
                                        <li><a href="contact.html">联系我们</a></li>
                                        <li class="has-children">
                                            <a href="#">登录/注册<i class="fa fa-angle-down"></i></a>
                                            <ul class="sub-menu">
                                                <li><a href="login.html">登录</a></li>
                                                <li><a href="register.html">注册</a></li>
                                                <li><a href="register.html">退出</a></li>

                                            </ul>
                                        </li>
                                    </ul>
                                </div>

                            </div>
                            <!-- Header Menu End -->

                            <!-- Header Action Start -->
                            <div class="col-md-6 col-lg-3 col-xl-4 col-6 justify-content-end">
                                <div class="header-actions">
                                    <a href="javascript:void(0)"
                                       class="header-action-btn header-action-btn-search d-none d-lg-block"><i
                                            class="pe-7s-search"></i></a>
                                    <div class="dropdown-user d-none d-lg-block">
                                        <a href="javascript:void(0)" class="header-action-btn"><i
                                                class="pe-7s-user"></i></a>
                                        <ul class="dropdown-menu-user">
                                            <li><a class="dropdown-item" href="#">美元</a></li>
                                            <li><a class="dropdown-item" href="#">英镑</a></li>
                                            <li><a class="dropdown-item" href="#">人民币</a></li>
                                        </ul>
                                    </div>
                                    <a th:href="@{order/collect}" class="header-action-btn header-action-btn-wishlist">
                                        <i class="pe-7s-like"></i>
                                    </a>
                                    <a href="javascript:void(0)" class="header-action-btn header-action-btn-cart"
                                       id="dataToCart">
                                        <i class="pe-7s-cart"></i>
                                    </a>
                                    <!-- Mobile Menu Hambarger Action Button Start -->
                                    <a href="javascript:void(0)"
                                       class="header-action-btn header-action-btn-menu d-lg-none d-md-block">
                                        <i class="fa fa-bars"></i>
                                    </a>
                                    <!-- Mobile Menu Hambarger Action Button End -->

                                </div>
                            </div>
                            <!-- Header Action End -->

                        </div>
                    </div>
                </div>
            </div>

            <div class="offcanvas-search">
                <div class="offcanvas-search-inner">

                    <!-- Button Close Start -->
                    <div class="offcanvas-btn-close">
                        <i class="pe-7s-close"></i>
                    </div>
                    <!-- Button Close End -->

                    <!-- Offcanvas Search Form Start -->
                    <form class="offcanvas-search-form" action="#">
                        <input type="text" placeholder="Search Product..." class="offcanvas-search-input">
                    </form>
                    <!-- Offcanvas Search Form End -->

                </div>
            </div>

            <div class="cart-offcanvas-wrapper">
                <div class="offcanvas-overlay"></div>

                <!-- Cart Offcanvas Inner Start -->
                <div class="cart-offcanvas-inner">

                    <!-- Button Close Start -->
                    <div class="offcanvas-btn-close">
                        <i class="pe-7s-close"></i>
                    </div>
                    <!-- Button Close End -->

                    <!-- Offcanvas Cart Content Start -->
                    <div class="offcanvas-cart-content" id="cart">

                    </div>
                    <!-- Offcanvas Cart Content End -->

                </div>
                <!-- Cart Offcanvas Inner End -->
            </div>

        </div>
        <!-- Breadcrumb Section Start -->
    </div>
</div>
</body>
</html>
